<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<%@ taglib uri="/struts-tags" prefix="s" %>
<%@ taglib uri="http://www.opensymphony.com/sitemesh/decorator" prefix="sitemesh-decorator" %>

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
		
		<link type="text/css" rel="stylesheet" href="/MoniTCC/includes/css/frame.css"/>
		<link type="text/css" rel="stylesheet" href="/MoniTCC/includes/css/foo.css"/> 
		<link rel="stylesheet" type="text/css" href="includes/css/bootstrap-theme.css" />
		<link rel="stylesheet" type="text/css" href="includes/css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="includes/css/jquery.alertbox.css" />
		<link rel="stylesheet" type="text/css" href="includes/css/jquery.ui.theme.css"/>
		
		<script type="text/javascript" src="includes/js/jquery-1.7.1.min.js"></script>
		<script type="text/javascript" src="includes/js/jquery.validate.js"></script>
		<script type="text/javascript" src="includes/js/jquery.ui.core.js"></script>
		<script type="text/javascript" src="includes/js/bootstrap.js"></script>
		<script type="text/javascript" src="includes/js/jquery.alertbox.js"></script>
		<script type="text/javascript" src="includes/js/jquery.autosize.input.js"></script>
		<script type="text/javascript" src="includes/js/jquery.alertbox.js"></script>
		<script type="text/javascript" src="includes/js/jquery.ui.datepicker.js"></script>
		<script type="text/javascript" src="includes/js/jquery.ui.datepicker-pt-BR.js"></script>
		<script type="text/javascript" src="includes/js/util.js"></script>
		<script type="text/javascript" src="includes/js/jquery.maskedinput-1.3.min.js"></script>
		
		<script type="text/javascript">
		$(document).ready(function(){
			
	
			function formatarCamposTelefone(campos) {
				$.each(campos, function(index, campo) {
					var jCampo = $(this);
					if (!jCampo.data('formatado')
							|| jCampo.data('formatado') === 'false') {
						jCampo.blur();
					}
				});
			}
			
			
			$(".inputDataPosterior")
			.datepicker(
					{
						showOn : "both",
						buttonImage : "includes/images/ic_sbox_calendario.gif",
						buttonImageOnly : true,
						minDate : 0
			});
			
			var select = document.getElementById('status'), onChange = function(event) {
		
	    	if(this.options[this.selectedIndex].value == 0){
	    		document.getElementById('concluidos').style.display = 'inline';
	    		document.getElementById('andamento').style.display = 'none';
	    		document.getElementById('abertos').style.display = 'none';
	    	} if(this.options[this.selectedIndex].value == 1){
		    	document.getElementById('concluidos').style.display = 'none';
		    	document.getElementById('andamento').style.display = 'inline';
		    	document.getElementById('abertos').style.display = 'none';
	    	} if(this.options[this.selectedIndex].value == 2){
		    	document.getElementById('concluidos').style.display = 'none';
		    	document.getElementById('andamento').style.display = 'none';
		    	document.getElementById('abertos').style.display = 'inline';
		    }
	    	
	    
		};	
	
		if (window.addEventListener) {
		    select.addEventListener('change', onChange, false);
		} else {
		    select.attachEvent('onchange', function() {
		        onChange.apply(select, arguments);
		    });
		}	
	});

	

	</script>
			
		<title><sitemesh-decorator:title></sitemesh-decorator:title> </title>
	</head>
	<body id="corpo">
		<div id="geral"> <!-- 0 -->
			
    	  	<div id="topo"><%@ include file="/topo.jsp" %></div> <!-- 1 -->
    	  	<div id="menu"><%@ include file="/menu.jsp" %></div> <!-- 2 -->
      		
      		<div id="conteudo">
	      		<div id="conteudo-usuario">
	      			<div id="divMensagens" style="width: 100%"></div>
	      			<sitemesh-decorator:body/>
	      		</div> <!-- 3 -->
			</div>
			
	      	<div id="rodape"><%@ include file="/rodape.jsp" %></div> <!-- 4 -->
    	</div>
	</body>
</html>